<!-- 登录页面 -->
<template>
<div class='login'>
    <h2>用户登录</h2>
    <form action="">
      <div class="name">
            <input type="text" placeholder="User Name">
      </div>
        <div class="password" >
              <input type="text" placeholder="Password" >
        </div>
        <button @click="toMine">登录</button>
    </form>
</div>
</template>

<script>


export default {

components: {},
data() {
//这里存放数据
return {

};
},

methods: {
    toMine(){
        this.$router.push("/mine");
    }
}
}
</script>
<style lang="less">
.login{
    h2{
        height: 4.4rem;
        line-height: 4.4rem;
        text-align: center;
        border-bottom: 1px solid #666;
    }
    form{
        margin: 10rem 1rem;
        div{
            width:100%;
            width:calc(100% - 2rem);
            margin: 5rem 1rem;
            input{
                width:100%;
                height: 5rem;
                font-size: 1.6rem;
                border:1px solid #ccc;
            }
        }
        
        button{
            width:100%;
            height: 5rem;
            color: #fff;
            background: blue;
        }
    }
}
</style>